<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../Untils/bootstrap.css">
    <link rel="stylesheet" href="../Styles/base.css">
    <link rel="stylesheet" href="../Styles/zt_classManage.css">
    <link rel="stylesheet" href="../Fonts/download/font_6t06haqxgzq/iconfont.css">
    <script src="../Untils/jquery-3.6.4.min.js"></script>
    <script src="../Untils/bootstrap.js"></script>
</head>

<body>
    <div class="container-fluid home">
        <header>
            <div class="header-left">
                <img src="../image/logo.png" alt="">
                <h1>综艺园平台管理系统</h1>
            </div>
            <div class="header-right">
                <div class="hrederdiv1">
                    <span class="iconfont icon-lingdang msg s1"><span style="margin-left: 5px;">消息</span></span>
                </div>
                <div class="hrederdiv2">
                    <span class="iconfont icon-dianbozhibov1217 s1"><span style="margin-left: 5px;">账号设置</span></span>
                </div>
                <div class="hrederdiv2">
                    <span class="iconfont icon-tuichudenglu exit s1"><span style="margin-left: 5px;">退出登录</span></span>
                </div>
            </div>
        </header>
        <section>
            <nav>
                <ul>
                    <li>
                        <h3 id="hot"><span class="iconfont icon-jiaowuzhongxin centerLogo"></span> 教务中心</h3>

                        <ul class="show2" id="hotNews">
                            <a href="../Pages/xy_schedule.html">
                                <li>课表管理</li>
                            </a>
                            <a href="../Pages/lzb_student.html">
                                <li>学员管理</li>
                            </a>
                            <a href="../Pages/wxy_Course.html">
                                <li>报课管理</li>
                            </a>
                            <a href="../Pages/zt_classManage.html">
                                <li>班级管理</li>
                            </a>
                            <a href="../Pages/lzb_teacher.html">
                                <li>教师管理</li>
                            </a>
                            <a href="../Pages/lzb_RollCall.html">
                                <li>点名管理</li>
                            </a>
                            <a href="../Pages/cyf_renew.html">
                                <li>续费管理</li>
                            </a>
                            <a href="../Pages/cyf_shiftmanagement.html">
                                <li>换班管理</li>
                            </a>
                            <a href="../Pages/xy_offshift.html">
                                <li>退班管理</li>
                            </a>
                            <a href="../Pages/wxy_Replacement.html">
                                <li>补签管理</li>
                            </a>
                            <a href="../Pages/xy_suspension.html">
                                <li>停课管理</li>
                            </a>
                            <a href="">
                                <li>学员请假管理</li>
                            </a>
                            <a href="../Pages/cyf_teacherclass.html">
                                <li>老师请假代课管理</li>
                            </a>
                        </ul>
                    </li>
                    <li>
                        <h3 id="amusement"><span class="iconfont icon-kechengguanli centerLogo"></span> 课程管理</h3>
                        <ul class="show2" id="amusementNews">
                            <a href="../Pages/ksSystem.html">
                                <li>线下课程管理</li>
                            </a>
                            <a href="../Pages/kxSystem.html">
                                <li>在线课程管理</li>
                            </a>
                            <a href="../Pages/khSystem.html">
                                <li>在线课程回收站</li>
                            </a>
                        </ul>
                    </li>
                    <li>
                        <h3 id="goods"><span class="iconfont icon-shangpinguanli centerLogo"></span> 商品管理</h3>
                        <ul class="show2" id="goodsNews">
                            <a href="../Pages/WANG.shangpingguanli.html">
                                <li>商品列表</li>
                            </a>
                            <a href="">
                                <li>新增</li>
                            </a>
                            <a href="../Pages/WANG.2huishou.html">
                                <li>回收站</li>
                            </a>
                        </ul>
                    </li>
                </ul>
            </nav>
            <main>
                <!-- 班级管理 -->
                <div class="searchBox form-inline ">
                    <input class="form-control search-con" type="text" placeholder="可通过课程/老师查询">
                    <select name="" id="" class="form-control classNameSelected">
                        <option value="全部班级">全部班级</option>
                        <option value="W329">W329</option>
                        <option value="W328">W328</option>
                        <option value="W327">W327</option>
                        <option value="W326">W326</option>
                    </select>
                    <select name="" id="" class="form-control courseNameSelected">
                        <option value="全部课程">全部课程</option>
                        <option value="前端">前端</option>
                        <option value="Java">Java</option>
                        <option value="Nodejs">Nodejs</option>
                        <option value="UI">UI</option>
                    </select>
                    <select class="form-control  teacherSelected">
                        <option value="全部老师">全部老师</option>
                        <option value="肖源">肖源</option>
                        <option value="陈泳霏">陈泳霏</option>
                        <option value="李祝波">李祝波</option>
                        <option value="王兴跃">王兴跃</option>
                        <option value="陈昕旺">陈昕旺</option>
                        <option value="赵婷">赵婷</option>
                        <option value="王承江">王承江</option>
                    </select>
                    <button class="form-control search-btn ">查询</button>
                </div>
                <div class="bottomBox form-inline">
                    <button class="addBtn" data-toggle="modal" data-target="#addModal">新增</button>
                    <button class=" importBtn" data-toggle="modal">导入</button>
                    <button class=" exportBtn " data-toggle="modal">导出</button>
                    <div class="tableBox">
                        <table class="table table-striped table-bordered table-hover ">
                            <thead>
                                <tr>
                                    <th>班级名称</th>
                                    <th>课程名称</th>
                                    <th>上课时间</th>
                                    <th>开课日期</th>
                                    <th>上课老师</th>
                                    <th>班级人数</th>
                                    <th>班级状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                        <nav aria-label="Page navigation">
                            <ul class="pagination pagination-lg">
                                <!-- <li>
                                    <a href="#" aria-label="Previous">
                                        <span aria-hidden="true">&laquo;</span>
                                    </a>
                                </li> -->
                                <!-- <li><a href="#">1</a></li>
                             
                                <li><a href="#">3</a></li>
                                <li><a href="#">4</a></li>
                                <li><a href="#">5</a></li> -->
                                <!-- <li>
                                    <a href="#" aria-label="Next">
                                        <span aria-hidden="true">&raquo;</span>
                                    </a>
                                </li> -->
                            </ul>
                        </nav>
                    </div>
                </div>
            </main>
        </section>
    </div>

    <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">新增</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="exampleInputClassName">班级名称</label>
                            <input type="text" class="add-className form-control" id="exampleInputClassName"
                                placeholder="班级名称">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputClassPerson">班级人数</label>
                            <input type="text" class="add-person form-control" id="exampleInputClassPerson"
                                placeholder="班级人数">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputOpeningTime">开课时间</label>
                            <input type="date" class="add-openingTime form-control" id="exampleInputOpeningTime"
                                placeholder="开课时间">
                        </div>
                        <div class="form-group">
                            <label>上课老师</label>
                            <select class="form-control add-teacher">
                                <option>肖源</option>
                                <option>陈泳霏</option>
                                <option>李祝波</option>
                                <option>王兴跃</option>
                                <option>陈昕旺</option>
                                <option>赵婷</option>
                                <option>王承江</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>课程名称</label>
                            <select class="form-control add-courseName">
                                <option>前端</option>
                                <option>Java</option>
                                <option>Nodejs</option>
                                <option>UI</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>上课时间</label>
                            <select class="form-control add-attendTime">
                                <option value="9:00-20:30">9:00-20:30</option>
                                <option value="8:00-17:00">8:00-17:00</option>
                                <option value="13:00-20:30">13:00-20:30</option>
                                <option value="13:00-17:00">13:00-17:00</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>班级状态</label>
                            <select class="form-control add-classState">
                                <option>可购买</option>
                                <option>不可购买</option>
                            </select>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" data-dismiss="modal" class="btn addClassBtn btn-primary">保存</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">修改</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="exampleInputClassName">班级名称</label>
                            <input type="text" class="edit-className form-control" id="exampleInputClassName"
                                placeholder="班级名称">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputClassPerson">班级人数</label>
                            <input type="text" class="edit-person form-control" id="exampleInputClassPerson"
                                placeholder="班级人数">
                        </div>
                        <div class="form-group">
                            <label for="exampleInputEditOpeningTime">开课时间</label>
                            <input type="date" class="edit-openingTime form-control" id="exampleInputEditOpeningTime"
                                placeholder="开课时间">
                        </div>
                        <div class="form-group">
                            <label>上课老师</label>
                            <select class="form-control edit-teacher">
                                <option value="肖源">肖源</option>
                                <option value="陈泳霏">陈泳霏</option>
                                <option value="李祝波">李祝波</option>
                                <option value="王兴跃">王兴跃</option>
                                <option value="陈昕旺">陈昕旺</option>
                                <option value="赵婷">赵婷</option>
                                <option value="王承江">王承江</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>课程名称</label>
                            <select class="form-control edit-courseName">
                                <option value="前端">前端</option>
                                <option value="Java">Java</option>
                                <option value="Nodejs">Nodejs</option>
                                <option value="UI">UI</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>上课时间</label>
                            <select class="form-control edit-attendTime">
                                <option value="9:00-20:30">9:00-20:30</option>
                                <option value="8:00-17:00">8:00-17:00</option>
                                <option value="13:00-20:30">13:00-20:30</option>
                                <option value="13:00-17:00">13:00-17:00</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>班级状态</label>
                            <select class="form-control edit-classState">
                                <option value="可购买">可购买</option>
                                <option value="不可购买">不可购买</option>
                            </select>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" data-dismiss="modal" class="btn editClassBtn btn-primary">保存</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="delModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    您确定删除吗？
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" data-dismiss="modal" class="btn del-btn btn-primary">确定</button>
                </div>
            </div>
        </div>
    </div>
    <script src="../Js/center.js"></script>
    <script src="../Js/zt_classManage.js"></script>
</body>

</html>